@layout("/common/_container.html",{bg:"bg-white",js:["/assets/modular/shuheng/cms/column/column_add.js","/assets/common/js/cutImage.js"]}){

<form id="columnForm" lay-filter="columnForm" class="layui-form model-form" style="max-width: 700px;">

    <input type="hidden" name="columnId"/>
    <div class="layui-form-item">
        <label class="layui-form-label">栏目名称<span style="color: red;">*</span></label>
        <div class="layui-input-block">
            <input id="columnName" name="columnName" maxlength="30" placeholder="请输入栏目名称" type="text"
                   class="layui-input"
                   lay-verify="required" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">父栏目<span style="color: red;">*</span></label>
        <div class="layui-input-block">
            <input type="hidden" name="parentId" id="parentId" lay-verify="required" required/>
            <input id="parentName" name="parentName" maxlength="30" autocomplete="off" readonly placeholder="请输入父栏目" type="text" class="layui-input"
                   lay-verify="required" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片宽度<span style="color: red;">*</span></label>
        <div class="layui-input-block">
            <input id="imgWidth" name="imgWidth" maxlength="5" value="800" placeholder="请输入图片宽度" type="number" class="layui-input"
                   lay-verify="required" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片高度<span style="color: red;">*</span></label>
        <div class="layui-input-block">
            <input id="imgHeight" name="imgHeight" maxlength="5" value="500" placeholder="请输入图片高度" type="number"
                   class="layui-input" lay-verify="required" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">排序<span style="color: red;">*</span></label>
        <div class="layui-input-block">
            <input id="sort" name="sort" value="0" placeholder="请输入排序号码" style="width:130px" maxlength="3" type="number"
                   class="layui-input" lay-verify="sort">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片</label>
        <div class="layui-upload">
            <button type="button" class="layui-btn" id="uploadImg">上传图片</button>
            <div class="layui-upload-list">
                <img class="layui-upload-img" id="imgShow">
                <div>
                    <button type="button" class="layui-btn" id="cutImage">图片裁切</button>
                    宽度:<input type="text" id="width" class="layui-input" name="width" value="20" type="text" style="width:60px;display: inline"/>
                    高度:<input type="text" id="height" class="layui-input" name="height" value="20" type="text" style="width:60px;display: inline"/>
                </div>
                <p id="imgText"></p>
            </div>
        </div>
        <input type="hidden" id="columnImg" name="columnImg" placeholder="" type="text" class="layui-input imageClass" lay-verify="" />
    </div>


    <div class="layui-form-item text-right">
        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>保存</button>
        <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog" id="backupPage">返回</button>
    </div>
</form>


@}